<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" pageEncoding="UTF-8" %>

<!DOCTYPE html>
<html>
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>艺术品_艺术品网站_艺术资讯_艺术新闻_展讯_收藏_艺博客</title>
    <meta name="keywords" content="艺博客,艺术品网站,艺术网站,艺术新闻,资讯，展讯,收藏">
    <meta name="description"
          content="艺博客是由棋至文化倾情推出的普惠艺术品类网站平台，汇集了数千位国内知名的、富有潜力的国画、油画、书法等青中老艺术家，以及近五万幅高质量风格迥异的艺术作品，是集以行业资讯、知识传播、艺术品交易、个性定制、社交互动等多项服务为一体的综合型交流交易艺术品网站">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="telephone=no" name="format-detection">
    <meta
            content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=no"
            id="viewport" name="viewport">
    <meta name="baidu-site-verification" content="ShuFpCrxDG">
    <link type="image/x-icon" href="#static.artbloger.com/favicon.ico"
          rel="icon">
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/favicon.ico" type="text/css"/>
    <link rel="apple-touch-icon-precomposed"
          href="#static.artbloger.com/touch-icon-144.png">
    <link rel="apple-touch-icon-precomposed" sizes="57x57"
          href="#static.artbloger.com/touch-icon-114.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114"
          href="#static.artbloger.com/touch-icon-114.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72"
          href="#static.artbloger.com/touch-icon-144.png">
    <link rel="apple-touch-icon-precomposed" sizes="144x144"
          href="#static.artbloger.com/touch-icon-144.png">

    <link rel="stylesheet" type="text/css"
          href="css/iconfont.css">
    <link rel="stylesheet" type="text/css"
          href="css/font_286873_tqipw4depadobt9.css">
    <link rel="stylesheet" type="text/css"
          href="css/responsive.css">
    <link rel="stylesheet" type="text/css"
          href="css/responsive2.css">
    <link rel="stylesheet" type="text/css"
          href="css/common2.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <script src="js/hm.js"></script>
    <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="js/clamp.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript"
            src="js/jquery.lazyload.min.js"></script>
    <script type="text/javascript" src="js/bfw.js"></script>
    <script type="text/javascript" src="js/bfw_cart.js"></script>
    <script type="text/javascript">var _bfw_config = {
        "baseurl": "",
        "routetype": 2,
        "contname": "cont",
        "actname": "act",
        "domname": "dom",
        "jsbaseurl": "http:\/\/static.artbloger.com\/js\/",
        "cssbaseurl": "http:\/\/static.artbloger.com\/css\/"
    };
    </script>
    <!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="#static.artbloger.com/css/style_ie.css"/>
    <![endif]-->
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?eea5739259c05ba71917cb52729aba71";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <!--2017.10.18添加统计代码-->
    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " #");
        document.write(unescape("%3Cspan id='cnzz_stat_icon_1265187549'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1265187549%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));
    </script>


</head>


<body style="background-color: rgb(204, 204, 204); padding-top: 0px;">
<script src="images/z_stat.php" type="text/javascript"></script>
<script src="images/core.php" charset="utf-8"
        type="text/javascript"></script>
<!--360统计代码-->
<script type="text/javascript" src="js/206138.js" async=""
        defer=""></script>


<div class="container">
    <div class="header_box"
         style="position: relative; height: 200px; box-shadow: none; z-index: 50; top: 0px;">
        <header style="padding-top: 30px;">
            <img class="heard_log" src="images/heard_log.png"
                 style="display: block;">
            <nav>
                <img class="heard_log2" src="images/heard_log.png"
                     style="display: none;">
                <ul class="fl" id="index_fl" style="width: 50%;">
                    <li class="remove_cur index_is_cur"><a
                            href="index.jsp">首页</a></li>
                    <li class="header_atw is_cur art_is_cur remove_cur"><a
                            href="artwork.jsp">艺术品</a>
                        <div class="nav_next" style="top: 200px;">
                            <ul style="width: 50%;">
                                <li><a
                                        href="details.jsp">精选</a></li>
                                <li><a
                                        href="details.jsp">油画</a></li>
                                <li><a
                                        href="details.jsp">国画</a></li>
                                <li><a
                                        href="details.jsp">书法</a></li>
                                <li><a
                                        href="details.jsp">水彩</a></li>
                                <li><a
                                        href="details.jsp">版画</a></li>
                            </ul>
                        </div>
                    </li>
                    <li class="arter_is_cur remove_cur"><a
                            href="artist.jsp">艺术家</a></li>
                    <li class="lease_is_cur remove_cur"><a
                            href="rent.jsp">艺租赁</a></li>
                    <li class="scr_hide special_is_cur remove_cur"
                        style="display: list-item;"><a
                            href="zhuanchang.jsp">专场</a><span
                            class="li_bd"></span></li>
                    <li class="scr_hide information_is_cur remove_cur cur"
                        style="display: list-item;"><a
                            href="message.jsp">资讯</a></li>
                </ul>
                <div class="search fr">
                    <div class="shop fr" id="shopcart">
                        <a href="shop.jsp"> <img
                                src="images/shop.png">
                            <p>购物车</p></a> <span id="shopcart-counter">3</span>
                    </div>
                    <div class="user fr">

                        <img src="images/user.png">
                        <p class="login">13461604051</p>
                        <div>
                            <ul style="width: 50%;">
                                <li><a
                                        href="usercenter.jsp">个人资料</a></li>
                                <li><a
                                        href="ordercenter.jsp">订单中心</a></li>
                                <li><a href="login.jsp">切换账号</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="fr form" method="get">
                        <input type="text" id="search_info" value="" placeholder="油画风景">
                        <input type="button" value="" id="search-form">
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>
            </nav>
        </header>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#cnzz_stat_icon_1265187549').appendTo('.footer_bottom_p')
            var str = location.href;
            var search_val = str.split("/");
            var search_key = decodeURI(search_val[search_val.length - 2]);
            var search_val = decodeURI(search_val[search_val.length - 1]);
            if (search_key == 'keyword') {
                $("#search_info").val(search_val);
            }
            if (search_key == 'choice') {
                $('.ipt').addClass('ipt_q');
                $(".condition").attr('jingxuan', 1);

            }

            //其他导航条特效
            if (window.location.pathname == '/' || window.location.pathname == '') {
                $('.remove_cur').siblings().removeClass('cur');
                $('.index_is_cur').addClass('cur');
            }
            if (window.location.pathname == '/Cms/Page/ArtworkList/' || window.location.pathname == '/artwork/') {
                $('.remove_cur').siblings().removeClass('cur');
                $('.art_is_cur').addClass('cur');
            }
            if (window.location.pathname == '/Cms/Page/ArtistList/' || window.location.pathname == '/artist/') {
                $('.remove_cur').siblings().removeClass('cur');
                $('.arter_is_cur').addClass('cur');
            }
            if (window.location.pathname == '/Cms/Lease/Index/' || window.location.pathname == '/lease/') {
                $('.remove_cur').siblings().removeClass('cur');
                $('.lease_is_cur').addClass('cur');
            }
            if (window.location.pathname == '/Cms/Zhuanti/Index/' || window.location.pathname == '/zhuanti/') {
                $('.remove_cur').siblings().removeClass('cur');
                $('.special_is_cur').addClass('cur');
            }
            if (window.location.pathname == '/Cms/News/XinxianShi/' || window.location.pathname == '/news/') {
                $('.remove_cur').siblings().removeClass('cur');
                $('.information_is_cur').addClass('cur');
            }

            //艺术家详情导航条特效
            var arrhost = window.location.host.split('.');
            if (arrhost['1'] == "s") {
                $('.remove_cur').siblings().removeClass('cur');
                $('.arter_is_cur').addClass('cur');
            }
        });
        var anti_shake; // 防抖
        $('.header_atw').hover(function () {
            $('.nav_next').width($(window).width());
            clearTimeout(anti_shake);
            anti_shake = setTimeout(function () {
                $('.nav_next').stop().animate({
                    height: "142px",
                    paddingTop: "29px"
                }, 200);
                $('.nav_next ul li').css("display", "block");
            }, 120);
        }, function () {
            clearTimeout(anti_shake);
            $('.nav_next ul li').css("display", "none")
            $('.nav_next').stop().animate({
                height: "0px",
                paddingTop: "0px"
            }, 200);
        })
        //个人中心下滑效果
        $('.header_box header .search .user').hover(function () {
            clearTimeout(anti_shake);

            anti_shake = setTimeout(function () {
                $('.header_box header .search .user div').animate({
                    height: "120px"
                }, 200, function () {
                    $('.header_box header .search .user div li').css("display", "block")
                });
            }, 120);
        }, function () {
            clearTimeout(anti_shake);
            $('.header_box header .search .user div').animate({
                height: "0px"
            }, 200, function () {
                $('.header_box header .search .user div li').css("display", "none")
            });
        })
        //滚动距离超过200px
        $(window).scroll(function () {
            if ($(window).scrollTop() >= 88) {
                $('body').css("padding-top", "200px")
                $('.header_box').css({
                    "position": "fixed",
                    "height": "88px",
                    "box-shadow": "0 2px 6px 0 rgba(0, 0, 0, 0.1)",
                    "z-index": 50,
                    "top": 0
                });

                $("header").css({
                    "padding-top": "26.5px"
                });
                $(".nav_next").css({
                    "top": "88px"
                });
                $('nav>ul').css({
                    "width": "40%"
                });
                $('nav search user div ul').css({
                    "width": "100%"
                });
                $('.scr_hide').hide();
                $(".heard_log").hide();
                $(".heard_log2").css("display", "block");
            } else {
                $('body').css("padding-top", "0px")
                $('.header_box').css({
                    "position": "relative",
                    "height": "200px",
                    "box-shadow": "none"
                });
                $("header").css({
                    "padding-top": "30px"
                });
                $(".nav_next").css({
                    "top": "200px"
                });
                $('nav ul').css({
                    "width": "50%"
                })
                $('.scr_hide').show();
                $(".heard_log").show();
                $(".heard_log2").hide();
            }
        });

        $(function () {
            $("#search-form").click(function () {
                var search = "/Cms/Page/ArtworkList/keyword/";
                if ($('#search_info').val() == '' || $('#search_info').val() == 'undefind' || $('#search_info').val() == null) {
                    $('#search_info').val('油画风景');
                }
                location.href = search + $('#search_info').val();
                return false;
            });

            //按下Enter键搜索
            $("#search_info").keydown(function (e) { //当按下按键时
                if (e.which == 13) { //.which属性判断按下的是哪个键，回车键的键位序号为13
                    $('#search-form').trigger("click"); //触发搜索按钮的点击事件
                }
            });
        });

        function bfwResponse(resjson) {
            if (resjson['err']) {
                $.Bfw.toastshow(resjson['data']);
            } else {
                if (resjson['data'].substr(0, 9) == "redirect:") {
                    location.href = resjson['data'].substr(9);
                } else if (resjson['data'].substr(0, 12) == "msgredirect:") {
                    var spos = resjson['data'].indexOf("---");
                    if (spos > 12) {
                        $.Bfw.toastshow(resjson['data'].substr(12, spos - 12));
                        var gotohref = resjson['data'].substr(spos + 3);
                        console.log(gotohref);
                        if (gotohref == "back") {
                            history.back();
                        } else {
                            location.href = gotohref;
                        }
                    }
                } else if (resjson['data'].substr(0, 4) == "back") {
                    history.back();
                } else {
                    $.Bfw.toastshow(resjson['data']);
                }
            }
        }
    </script>
    <div class="news_box">
        <div class="news_content">
            <div class="news_top">
                <ul>
                    <c:forEach items="${listMessageadd}" var="i">
                        <li page="1" class="select" classid="79">${i.name}</li>
                    </c:forEach>
                    <%--	<li page="1" classid="41">新闻</li>
                        <li page="1" classid="42">展讯</li>
                        <li page="1" classid="80">推介</li>--%>
                </ul>
            </div>
            <div class="fl">
                <div class="news_sec">
                    <ul>
                        <c:forEach items="${list5}" var="i">
                            <li><a
                                    href="#www.artbloger.com/Cms/News/Detail/id/1525"
                                    target="_blank"><img
                                    src="${i.i_image}"
                                    title="${i.i_name}" alt="${i.i_name}">
                                <section class="fl">
                                    <div>
                                        <p>${i.i_name}</p>
                                        <span>${i.it_name}</span>
                                    </div>
                                    <p class="itemtext">${i.i_intro}</p>
                                    <time>${i.i_time}</time>
                                </section>
                            </a>
                            </li>
                        </c:forEach>

                    </ul>
                </div>
            </div>
            <div class="clearfix"></div>

        </div>
        <!--分页-->
        <div class="inwrap">

            <ul class="page_num">
                <c:if test="${pbm.pageNun !=1}">
                    <li class="pre"><a href="/webpage/message?pageNun=${pbm.pageNun - 1}">&lt;</a></li>
                </c:if>

                <c:forEach begin="${pbm.start +1}" end="${pbm.end }" step="1" var="i">

                    <li class="" bs="${i}">
                        <a href="message?pageNun=${i}">${i}</a>
                    </li>

                </c:forEach>
                <c:if test="${pbm.pageNun !=  pbm.totalPage}">
                    <li class="next"><a href="/webpage/message?pageNun=${pbm.pageNun + 1} ">&gt;</a></li>
                </c:if>
            </ul>

        </div>
        <script type="text/javascript">
            $(function () {
                $('.news_top ul li').eq(0).click();
            });
            $('.news_top ul li').on('click', function () {
                $(this).addClass("select").siblings().removeClass('select');
                load(1);
                LoadFenYe(1)
            })

            function load(page) {
                var classid = $('.select').attr('classid');
                var page = parseInt(page);
                var obj = $('.select');
                var html = '';
                $.ajax({
                    async: false,
                    data: {
                        classid: classid,
                        page: page
                    },
                    type: "GET",
                    url: "/Cms/News/AjaxListData/",
                    dataType: "json",
                    success: function (data) {
                        if (data['err']) {
                            alert(data['data']);
                        } else {
                            if (data['data'].length > 0) {
                                $.each(data.data, function (key, item) {
                                    html += '<li>';
                                    html += '<a href="' + item.url + '" target="_blank">';
                                    html += '<img src="' + item.titleimg + '" title="' + item.title + '" alt="' + item.title + '"/>';
                                    html += '<section class="fl">';
                                    html += '<div><p>' + item.title + '</p><span>' + item.class + '</span></div>';
                                    html += '<p class="itemtext">' + item.content + '</p>';
                                    html += '<time>' + item.atime + '</time>';
                                    html += '</section>';
                                    html += '</a>';
                                    html += '</li>';
                                });
                            }
                        }
                        $('.news_sec ul').html(html);
                    }
                });
            }

            //加载分页信息的方法
            function LoadFenYe(page) {
                var content = ""; //分页的HTML代码
                var classid = $('.select').attr('classid');
                var page = parseInt(page);
                var minys = 1; //最小的页数
                var maxys = 1; //最大的页数
                //ajax查询总页数
                $.ajax({
                    async: false,
                    data: {
                        classid: classid
                    },
                    type: "GET",
                    url: "/Cms/News/Fenye/",
                    dataType: "json",
                    success: function (data) {
                        maxys = parseInt(data); //这个是总页数
                    }
                });
                if (maxys > 0) {
                    //加载上一页
                    content += '<li class="pre"><</li>';
                    if (maxys > 6) {
                        //当前页数小于5时显示省略号
                        if (page < 5) {
                            for (var i = 1; i < 6; i++) {
                                if (page == i) {
                                    content += "<li class='list' bs='" + i + "' id='select_change_c'>" + i + "</li>";
                                } else {
                                    content += "<li class='list' bs='" + i + "'>" + i + "</li>";
                                }
                            }
                            content += "<li>. . .</li>";
                            content += "<li class='list' bs='" + maxys + "'>" + maxys + "</li>";
                        } else {
                            //页码在中间部分时候
                            if (page < maxys - 3) {
                                content += "<li class='list' bs='" + 1 + "'>1</li>";
                                content += "<li>. . .</li>";
                                for (var i = page - 2; i < page + 3; i++) {
                                    if (page == i) {
                                        content += "<li class='list' bs='" + i + "' id='select_change_c'>" + i + "</li>";
                                    } else {
                                        content += "<li class='list' bs='" + i + "'>" + i + "</li>";
                                    }
                                }
                                content += "<li>. . .</li>";
                                content += "<li class='list' bs='" + maxys + "' >" + maxys + "</li>";
                                //判断页码在末尾的时候
                            } else {
                                content += "<li class='list' bs='" + 1 + "'>1</li>";
                                content += "<li>. . .</li>";
                                for (var i = maxys - 4; i < maxys + 1; i++) {
                                    if (page == i) {
                                        content += "<li  class='list' bs='" + i + "'id='select_change_c'>" + i + "</li>";
                                    } else {
                                        content += "<li class='list' bs='" + i + "'>" + i + "</li>";
                                    }
                                }
                            }
                        }
                        //页面总数小于6的时候
                    } else {
                        for (var i = 1; i < maxys + 1; i++) {
                            if (page == i) {
                                content += "<li class='list' bs='" + i + "' id='select_change_c'>" + i + "</li>";
                            } else {
                                content += "<li class='list' bs='" + i + "'>" + i + "</li>";
                            }
                        }
                    }
                    //加载下一页
                    content += '<li class="next">></li>';
                    $(".page_num").html(content);
                    //第一页
                    $(".pre1").click(function () {
                        page = 1;
                        //加载数据
                        load(page);
                        //加载分页信息
                        LoadFenYe(page);
                    });
                    //上一页加点击事件
                    $(".pre").click(function () {
                        //改变当前页
                        page = page - 1;
                        if (page < 1) {
                            page = 1;
                        }
                        //加载数据
                        load(page);
                        //加载分页信息
                        LoadFenYe(page);
                    });

                    //给列表加点击事件
                    $(".list").click(function () {
                        //改变当前页
                        page = parseInt($(this).attr("bs"));
                        //加载数据
                        load(page);
                        //加载分页信息
                        LoadFenYe(page);
                    });

                    //下一页加点击事件
                    $(".next").click(function () {
                        //改变当前页
                        page = page + 1;
                        if (page > maxys) {
                            page = maxys;
                        }
                        //加载数据
                        load(page);
                        //加载分页信息
                        LoadFenYe(page);
                    });
                    //最后一页
                    $(".next1").click(function () {
                        page = maxys;
                        //加载数据
                        load(page);
                        //加载分页信息
                        LoadFenYe(page);
                    });
                    $('html, body').animate({
                        scrollTop: 0
                    }, 1);
                } else {
                    $(".page_num").html(content);
                }
            }
        </script>
        <div class="footer_box">
            <div class="footer_top">
                <img class="footer_img" src="images/footer_log.png">
                <div class="fr">
                    <dl class="fl">
                        <dt>
                            <i></i><a href="#www.artbloger.com/Cms/Page/Questions/">帮助中心</a>
                        </dt>
                        <dd>
                            <a href="#www.artbloger.com/Cms/Page/Questions/">常见问题</a>
                            <!--<a href="/Cms/Page/ContactUs/">售后服务</a>-->
                            <a href="#www.artbloger.com/Cms/Page/AboutUs/">关于艺博客</a>
                        </dd>
                    </dl>
                    <dl class="fl">
                        <dt>
                            <i></i><a href="#www.artbloger.com/Cms/Page/BuyFlow/">使用指南</a>
                        </dt>
                        <dd>
                            <a href="#www.artbloger.com/Cms/Page/BuyFlow/">购买流程</a> <a
                                href="#www.artbloger.com/Cms/Page/LeaseFlow/">租赁服务</a>
                            <!--<a href="/Cms/Page/LeaseFlow/">装裱和配送</a>-->
                        </dd>
                    </dl>
                    <dl class="fl">
                        <dt>
                            <i></i><a href="#www.artbloger.com/Cms/Page/AboutUs/">关于我们</a>
                        </dt>
                        <dd>
                            <!--<a href="javsacript:;">人才招募</a>-->
                            <a href="#www.artbloger.com/Cms/Page/ContactUs/">联系我们</a> <a
                                href="#www.artbloger.com/Cms/Zhuanti/ArtInterview/">艺术家招募</a>
                        </dd>
                    </dl>
                    <dl class="fr img">
                        <dt>
                            <img src="images/dingyuehao.png">
                        </dt>
                        <dd>
                            <a href="javascript:;">微信订阅号</a>
                        </dd>
                    </dl>
                    <dl class="fr img">
                        <dt>
                            <img src="images/app_down.jpg">
                        </dt>
                        <dd>
                            <a href="javascript:;">手机艺博客</a>
                        </dd>
                    </dl>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="footer_bottom">
                <p class="footer_bottom_p">
                    艺博客版权所有 <a href="#www.miitbeian.gov.cn/">沪ICP备16022500号</a>Copyright
                    © 2013 - 2017 artbloger.com, All Rights Reserved. <span
                        id="cnzz_stat_icon_1265187549"></span>
                </p>
            </div>
        </div>
    </div>


    <iframe name="228987" height="0" width="0"
            src="images/mv.html" style="display: none;"></iframe>


</body>

</html>
